import "./index.less";
import { View } from "@tarojs/components";
import { Button, Cell, Avatar, Image } from "@nutui/nutui-react-taro";
import { pxTransform } from "@tarojs/taro";
import { ArrowRightSmall, Plus, Scan } from "@nutui/icons-react-taro";

function TabBot() {
  return (
    <View className="saveBtn">
      <Button
        color="#FFC445"
        block
        icon={<Scan color="#C27E32" size={pxTransform(28)} />}
      >
        添加设备
      </Button>
    </View>
  );
}

function UserInfo({ drinkers }) {
  return (
    <View className="UserInfoWrap">
      <Cell className="infoList">
        <View className="UserInfo">
          <Image
            style={{
              width: pxTransform(70),
              height: pxTransform(80),
              marginTop: "15px",
            }}
            src={require("@/assets/ibook.png")}
          />
          <View className="user_right">
            <View className="user_name">设备名称</View>
            <View className="user_sex">设备ID：CLS0125000177</View>
          </View>
        </View>
        <View className="dev_r">
          <ArrowRightSmall />
        </View>
      </Cell>
      <Cell className="infoList">
        <View className="UserInfo">
          <Image
            style={{
              width: pxTransform(70),
              height: pxTransform(80),
              marginTop: "15px",
            }}
            src={require("@/assets/ibook.png")}
          />
          <View className="user_right">
            <View className="user_name">设备名称</View>
            <View className="user_sex">设备ID：CLS0125000177</View>
          </View>
        </View>
        <View className="dev_r">
          <ArrowRightSmall />
        </View>
      </Cell>

      <TabBot />
    </View>
  );
}

export default UserInfo;
